// 引入接口
import {selectMemberNum,trend}from '@/api/bigscreen/bigscreen.js'

const state = {
    menmberNum:[],
    trendNumber:[],
    Months:[],
    dialogTableVisible:false,  //大屏弹框显示和隐藏
}
const mutations = {
    // 获取查询会员人数和党员人数
    GET_MENMBERNUM: (state, val) => {
      state.menmberNum = val
    },
    // 会员增长趋势
    GET_TRENDONE:(state,trendNumber) => {
        console.log(trendNumber,"数据")
        state.trendNumber = trendNumber
    },
    GET_TRENDTWO: (state,formateMonths) => {
        console.log( formateMonths,   '月')
        state.Months = formateMonths
    },
    // 显示和隐藏大屏弹框
    SHOW_HIDEEN(state){
        // console.log(state,val)
        // state.dialogTableVisible = val
     state.dialogTableVisible = !state.dialogTableVisible
    }
}
const actions = {
    // 获取查询会员人数和党员人数
 getselectMemberNum({commit}){
    return selectMemberNum().then(res => {
    //    处理数据使用解构对象
    const {data} = res;
    const val = Object.values(data).map((value) => ({value}))
        commit('GET_MENMBERNUM', val)
    })
},
// 会员增长趋势
   getMemenrtrend(context){
    return trend().then((res) => {
        // 解构对象
        const {data} = res;
        // 获取到这个对象中的key和value,获取的方法是使用object。key 和object.value
        //  首先需要遍历这个对象，使用map方法
        const months = data.map(item => Object.keys(item)[0])
        const trendNumber = data.map(item => Object.values(item)[0])
            //   处理月份
            let formateMonths = months.map((item) => {
             let  monthNumber = item.split('-')[1]// 分割字符串并且得到通过索引得到你想要的数子
              return `${monthNumber}月`
            });
            context.commit('GET_TRENDONE',trendNumber)
            context.commit('GET_TRENDTWO',formateMonths)
    })
   }
}
export default {
    namespaced: true,
    state,
    mutations,
    actions,
}